<!DOCTYPE html>
<html lang="zh-cn" class="pui-app" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="description" content="Plane UI" />
    <meta name="keywords" content="Plane UI" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="/planeui/dist/css/planeui.css" />
    <link rel="stylesheet" type="text/css" href="/planeui/login/css/login.css" />
</head>
<body>


<!--[if lte IE 9]>
<div class="pui-layout pui-browsehappy">
    <a href="javascript:;" class="pui-close" onclick="document.body.removeChild(this.parentNode);"></a>
    <p>您正在使用 <strong class="pui-text-yellow pui-text-xl">过时</strong> 的非现代浏览器，<strong class="pui-text-success pui-text-xl">91.23%</strong> 的人选择 <a href="http://browsehappy.com/" target="_blank" class="pui-text-green-400 pui-text-xl"><strong>升级浏览器</strong></a>，获得了更好、更安全的浏览体验！</p>
</div>
<![endif]-->
<a name="top"></a>
<input id="autoredirect" type="hidden" th:value="${autoredirect}"/>
<div  class="pui-layout pui-flexbox pui-flex-column login-layout" >
    <div class="pui-layout pui-flex login-main">
        <div class="pui-layout pui-layout-fixed pui-layout-fixed-1200 login-main-con">
            <div class="login-panel">
                <form id="login_form" action="/home/api/login" class="pui-form login-form">
                    <div class="pui-form-group">
                        <h1 class="pui-text-white pui-text-normal">
                            <i class="planeui-logo-2x pui-text-xxxxxl"></i> 登录 Login
                        </h1>
                        <div role="username">
                            <input id="username" value="15618785577" type="text" name="username" height="40" maxlength="16" class="pui-unbordered" placeholder="用户名" />
                            <i class="fa fa-user pui-text-blue"></i>
                        </div>
                    </div>
                    <div class="pui-form-group">
                        <div role="vcode">
                            <input id="vcode" type="number" name="vcode" height="40" maxlength="4" class="pui-unbordered" style="padding-left:40px;" placeholder="数字验证码" />
                            <i class="fa fa-shield pui-text-blue"></i>
                            <img src="/home/createCaptcha" id="vcode-img" onclick="changeCaptcha();"/>
                        </div>
                    </div>
                    <div class="pui-form-group">
                        <div role="password">
                            <input type="number" name="password" height="40" maxlength="16" class="pui-unbordered" style="padding-left:40px;" placeholder="短信密码" />
                            <i class="fa fa-lock pui-text-blue"></i>
                            <img src="/images/send_code.png" id="send_code" class="input_buffer" onclick="sendCode();"/>
                        </div>
                    </div>
                    <div class="pui-form-group">
                        <input id="submit_login" onclick="submitLogin();" type="button" name="submit" class="pui-btn pui-btn-default pui-bg-blue-800 pui-unbordered" value="登录" />
<!--                        <span><a href="#" class="pui-text-white pui-text-xs">忘记密码？</a></span>-->
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div style="padding-top:20px;"></div>
    <!-- footer -->
    <div th:replace="/common/footer.html"></div>

<!--    <footer class="pui-layout pui-layout-fixed pui-layout-fixed-1200 login-footer">-->
<!--        <div class="copyright">-->
<!--            <p>Copyright &copy; 2014-2015 <a href="https://github.com/pandao/planeui" class="pui-link" title="Plane UI" target="_blank">Plane UI</a> All Rights Reserved.</p>-->
<!--            <p>Powered by <a href="https://github.com/pandao/planeui" class="pui-link" target="_blank">Plane UI</a>, <a href="https://github.com/pandao/planeui/blob/master/LICENSE" target="_blank" class="pui-link">MIT</a> License.<small class="pui-right">代码如诗。</small></p>-->
<!--        </div>-->
<!--    </footer>-->
</div>

<!--[if (gte IE 9) | !(IE)]><!-->
<script type="text/javascript" src="/planeui/blog/js/jquery-2.1.1.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="/planeui/blog/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie8.js"></script>
<![endif]-->
<!--[if lt IE 10]>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie9.js"></script>
<![endif]-->
<script type="text/javascript" src="/planeui/dist/js/planeui.js"></script>
<script type="text/javascript" src="/js/weblogin.js"></script>
</body>
</html>